<!DOCTYPE html>

<html>

<head>

  <title>isonet.fr</title>

  <!--CSS imports-->
  <link type="text/css" href="/static/css/custom-theme/jquery-ui-1.8.20.custom.css" rel="stylesheet" />
  <link type="text/css" href="/static/css/custom.css" rel="stylesheet" />
  <!--/CSS imports-->

  <!--Javascript imports-->
  <script type="text/javascript" src="/static/js/jquery-1.7.2.min.js"></script>
  <script type="text/javascript" src="/static/js/jquery-ui-1.8.20.custom.min.js"></script>
  <script type="text/javascript">
    $(function(){

      // Accordion
      $("#accordion").accordion({ header: "h3" });

      // Tabs
      $('#tabs').tabs();

      // Dialog
      $('#dialog').dialog({
        autoOpen: false,
        width: 600,
        buttons: {
          "Ok": function() {
            $(this).dialog("close");
          },
          "Cancel": function() {
            $(this).dialog("close");
          }
        }
      });

      // Dialog Link
      $('#dialog_link').click(function(){
        $('#dialog').dialog('open');
        return false;
      });

      // Datepicker
      $('#datepicker').datepicker({
        inline: true
      });

      // Slider
      $('#slider').slider({
        range: true,
        values: [17, 67]
      });

      // Progressbar
      $("#progressbar").progressbar({
        value: 20
      });

      //hover states on the static widgets
      $('#dialog_link, ul#icons li').hover(
        function() { $(this).addClass('ui-state-hover'); },
        function() { $(this).removeClass('ui-state-hover'); }
      );

    });
  </script>
  <!--/Javascript imports-->

</head>



<body>


<div class="top">

  <div class="header">

    <div class="header-logo">
      <a href="/"><img id="top-logo" src="/static/img/banner.png" alt="">
    </div>

    <div class="header-nav">

        <ul class="topnav">

          <li class="topnav">
            <a href="/">Overview</a>
          </li>

          <li class="topnav selected">
            <a href="">Main</a>
          </li>

        </ul>

    </div>

  </div>

</div>


<div class="content">

  <br>
  <br>

  <div id="accordion">

    <div>
      <h3><a href="#">First</a></h3>
      <div>Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet.</div>
    </div>

    <div>
        <h3><a href="#">Second</a></h3>
        <div>Phasellus mattis tincidunt nibh.</div>
    </div>

    <div>
        <h3><a href="#">Third</a></h3>
        <div>Nam dui erat, auctor a, dignissim quis.</div>
    </div>

  </div>

 </div>
 <br>
  {{page.title}}<br>
   {{page.url}}<br>
 {{page.content}}<br>



</body>

</html>